加入会员
Skip to content

访问受限

会员专属内容

MCP

课程导读

这节课介绍 Claude Code 的 MCP(Model Context Protocol)。你可以把 MCP 理解成给 Claude Code 接上的外部工具:查最新文档、理解 GitHub 仓库、操作浏览器等。学完这节课,你应该能安装常用 MCP、区分用户级和项目级安装,并知道如何查看、卸载和继续查找更多 MCP 资源。

一、安装 Context7

Context7 主要用来查询各种技术工具、框架和 API 的最新官方文档。

Context7 官网

1. 获取 API Key

注意

API Key 通常只会显示一次,创建后请及时保存。

不要把真实 API Key 写进公开文档、公开代码仓库或公开群聊。

2. 安装命令

把下面命令中的 YOUR_CONTEXT7_API_KEY 替换成你自己的 API Key:

bash
claude mcp add -s user --header "CONTEXT7_API_KEY: YOUR_CONTEXT7_API_KEY" --transport http context7 https://mcp.context7.com/mcp

3. 查看状态

在终端中查看 MCP 列表:

bash
claude mcp list

启动 Claude Code 后,也可以输入:

text
/mcp

二、安装 DeepWiki

DeepWiki 主要用来帮助 Claude Code 快速理解 GitHub 代码仓库。

DeepWiki MCP 文档

1. 安装命令

bash
claude mcp add --scope user -t http deepwiki https://mcp.deepwiki.com/mcp

提醒

Claude Code 的 MCP 服务列表是在启动时加载的。

如果你是在 Claude Code 运行过程中安装了新的 MCP,需要退出并重新启动 Claude Code,新的 MCP 才会生效。

三、MCP 安装范围

1. 用户级安装

带有 --scope user-s user,表示用户级安装。

bash
claude mcp add --scope user -t http deepwiki https://mcp.deepwiki.com/mcp

2. 项目级安装

去掉 --scope user,就是项目级安装。

bash
claude mcp add -t http deepwiki https://mcp.deepwiki.com/mcp

四、安装 Chrome DevTools MCP

Chrome DevTools MCP 可以让 Claude Code 操作 Chrome 浏览器。

Chrome DevTools MCP 项目

1. 安装命令

bash
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

2. 连接当前 Chrome 浏览器

先在当前 Chrome 中打开:

text
chrome://inspect/#remote-debugging

然后勾选:

text
Allow remote debugging for this browser instance

接着让 Claude Code 更新 Chrome DevTools MCP 配置,加入 --auto-connect 参数:

配置文件怎么选

请根据使用场景选择要修改的配置文件:

场景配置文件
仅当前电脑个人使用~/.claude.json
随项目共享给团队项目根目录下的 .mcp.json

Chrome DevTools MCP 这类个人工具,通常建议写在 ~/.claude.json 中。若 Claude Code 页面显示 Config location: /Users/you/.claude.json,说明当前应修改的就是用户配置文件。

同名 MCP 同时存在时,Claude Code 按作用域优先级生效:local > project > user

json
{
  "chrome-devtools": {
    "command": "npx",
    "args": [
      "-y",
      "chrome-devtools-mcp@latest",
      "--auto-connect"
    ]
  }
}

配置完成后,重启 Claude Code 生效。

五、卸载 MCP

bash
claude mcp remove <name>

示例:

bash
claude mcp remove deepwiki

六、更多 MCP 资源

市面上的 MCP 非常多,如果你想查找更多 MCP,可以参考下面这个资源列表。

Awesome MCP Servers 中文列表